<div class="breadcrumbs">
    <a href="http://anhhanquoc.hehe.vn">Tạo ảnh Hàn Quốc</a> › Bước 1
</div>
<br>
<h2>Chọn 1 khung hình ngỗ nghĩnh</h2>
<p>1 loạt khung hình mới sẽ được cập nhật liên tục trong các ngày tới <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif">.</p>
<form method="post">

<?php foreach($frames as $k => $v):?>

<div class="frame">
    <label>
        <span class="frame_img">
            <img height="150" src="/files/images/frame/frame/<?php echo $k?>_thumb.jpg">
        </span>
        <input class="radio_frame" style="margin: 0;" name="frame" type="radio" value="<?php echo $k?>"> 
    </label>
</div>

<?php endforeach;?>

<div style="clear: both; margin-bottom: 20px;"></div>

<center><button id="frame">Chọn khung hình</button></center>
</form>

<div id="loading" style="width: 100%; text-align: center;display: none;">
<br>
<img src="/files/images/loader.gif"><br>
Hệ thống đang tải danh sách ảnh từ facebook của bạn
</div>

<style>
div.frame{
    border: 1px solid #ddd;
    padding: 5px;
    margin: 5px 10px;
    float: left;
    width: 210px;
}
.frame_img{
    width: 210px;
    overflow: hidden;
    display: block;
}
</style>
<script>
FB.Event.subscribe('edge.remove',function() {window.location.reload();});
$(function(){
    $('#frame').click(function(){
        var imgs = $('input.radio_frame:checked').length;
        if(imgs < 1){
            alert('Bạn chưa chọn khung hình.');
            return false;
        }
        
        $('#loading').fadeIn('fast');     
    });
})
</script>